<template>
	<n-badge class="base-badge text-xs" color="var(--color-primary)" v-bind="$attrs">
		<slot></slot>
	</n-badge>
</template>

<script lang="ts" setup>
import { NBadge } from 'naive-ui'
</script>

<style scoped lang="scss">
.base-badge {
	:deep(.n-badge-sup) {
		height: 12px;
		border-radius: 6px;
		font-size: 10px;
		padding: 0 4px;
	}
}
</style>
